<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>组宣部</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<div class="header">
		<div class="head">
			<img src="http://news.culr.edu.cn/zxb/images/content/2018-05/20180518091110050671.jpg"/>
			
				
			<form action="#" method="GET">
				<input name="search" type="text"/>
				<input type="image" src="http://news.culr.edu.cn/zxb//images/search-bt.png" alt="submit">
			</form>
		</div>
		
		<nav>
			<ul>
				<li><a href="#">学校首页</a></li>
				<li><a href="#">新闻网</a></li>
				<li><a href="#">工作职责</a></li>
				<li><a href="#">通知公告</a></li>
				<li><a href="#">党建工作</a></li>
				<li><a href="#">宣传工作</a></li>
				<li><a href="#">学习园地</a></li>
				<li><a href="#">下载专区</a></li>
				<li><a href="#">党费速算</a></li>
			</ul>
		</nav>		
	</div>
	<div class="body">
		<div class="left">
			<img src="http://news.culr.edu.cn/zxb/images/content/2013-04/20130412135259881406.jpg">
			
			<div>
				<img src="http://news.culr.edu.cn/zxb/images/responsibility.png"/>
				<img src="http://news.culr.edu.cn/zxb/images/responsibility.png"/>
				<img src="http://news.culr.edu.cn/zxb/images/responsibility.png"/>
				<img src="http://news.culr.edu.cn/zxb/images/responsibility.png"/>
				<img src="http://news.culr.edu.cn/zxb/images/responsibility.png"/>
			</div>
		</div>
		<div class="right">
			<div class="right-1">
				<header>
					<h2><a href="#">通知公告</a></h2>
					<h2><a href="#">more+</a></h2>
				</header>
				<section>
				<div class="ul">
					<ul>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
					</ul>
				</div>
				</section>
			</div>
			
			<div class="right-2">
				<header>
					<h2><a href="#">通知公告</a></h2>
					<h2><a href="#">more+</a></h2>
				</header>
				<section>
				<div class="ul">
					<ul>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
					</ul>
				</div>
				</section>
			</div>
			
			<div class="right-3">
				<header>
					<h2><a href="#">通知公告</a></h2>
					<h2><a href="#">more+</a></h2>
				</header>
				<section>
				<div class="ul">
					<ul>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
					</ul>
				</div>
				</section>
			</div>
			
			<div class="right-2">
				<header>
					<h2><a href="#">通知公告</a></h2>
					<h2><a href="#">more+</a></h2>
				</header>
				<section>
				<div class="ul">
					<ul>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
					</ul>
				</div>
				</section>
			</div>
			
			<div class="right-3">
				<header>
					<h2><a href="#">通知公告</a></h2>
					<h2><a href="#">more+</a></h2>
				</header>
				<section>
				<div class="ul">
					<ul>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
						<li><a href="#">关于开展“劳模大讲堂”特别活动的通知<span>[2018-05-14]</span></a></li>
					</ul>
				</div>
				</section>
			</div>
			
			
		</div>
	</div>
	<div class="footer">
		<p>中国劳动关系学院党委组宣部 浏览本站最佳分辨率:0*0 不用浏览器，请直接看html外加css自己想象页面即可。不用浏览器哈<br>
地址：北京市海淀区增光路45号 邮编：100048</p>
	</div>
</body>
</html>